// 第一步: 该文件作痛就是调用刚才定义的组件
// 01: 引入刚才创建的 Button Uinput

import Ubutton from "@/components/Ubutton";
import Uinput from "@/components/Uinput";

// 02: 将引入的组件存放在数组中.(注意: 这就意味着可以引入N个组件)
const components = [ Ubutton, Uinput]

// 03: 使用组件
// 注意: 该Vant1 就是Vue.use( plugin ) 中的plugin插件,该插件可以是对象,也可以是函数
// 当为对象时,该对象必须有一个install()方法,并且该方法有一个固定的形参,那就是Vue的构造函数
// 如果该对象没有install()方法,则无法使用该plugin,当是一个函数时,会被作为install()方法调用
const Vant1 = {
    install(Vue){
        components.forEach((item)=>{
            // 全局注册组件
            // 第一个参数为组件名,第二个参数为组建的模板配置对象
            Vue.component(item.name,item)
        })
    }
}

// 04: 导出Vant1插件
export default Vant1